﻿<!DOCTYPE html>
<!--[if IE]><![endif]-->
<html>
  
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Class DxGridRowDragging
   </title>
    <meta name="viewport" content="width=device-width">
    <meta name="title" content="Class DxGridRowDragging
   ">
    <meta name="generator" content="docfx 2.59.2.0">
    
    <link rel="shortcut icon" href="../../favicon.ico">
    <link rel="stylesheet" href="../../styles/docfx.vendor.css">
    <link rel="stylesheet" href="../../styles/docfx.css">
    <link rel="stylesheet" href="../../styles/main.css">
    <link rel="stylesheet" href="../../styles/socialbar.css">
    <link rel="stylesheet" href="../../styles/header.css">
    <link rel="stylesheet" href="../../styles/version.css">
    <link href="https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,100italic,300italic,400italic" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <meta property="docfx:navrel" content="../../toc.html">
    <meta property="docfx:tocrel" content="../toc.html">
    <meta property="docfx:uid" content="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging">
    
    <meta property="docfx:rel" content="../../">
    
    <script type="text/javascript" src="../../nav.js"></script>
    <script type="text/javascript" src="../toc.js"></script>
  
  </head>  <body data-spy="scroll" data-target="#affix" data-offset="120">
    <div id="wrapper">
      <header>
        
        <div class="mb-socials-heading" style="height: 40px;">
        	<div class="mb-socials-heading-inner container">
        		<div class="mb-socials-heading-right">
        			<div class="mb-socials-list">
                          
        				<div class="mb-socials-item facebook">
        					<a class="mb-socials-item-link" target="_blank" href="https://facebook.com/embyapp"></a>
        					<div class="mb-socials-item-popup">
        						<span>Facebook</span>
        					</div>
        				</div><div class="mb-socials-item twitter">
        					<a class="mb-socials-item-link" target="_blank" href="https://twitter.com/embyapp"></a>
        					<div class="mb-socials-item-popup">
        						<span>Twitter</span>
        					</div>
        				</div>
        				<div class="mb-socials-item pinterest">
        					<a class="mb-socials-item-link" target="_blank" href="https://www.pinterest.com/emby0240/emby-news/"></a>
        					<div class="mb-socials-item-popup">
        						<span>Pinterest</span>
        					</div>
        				</div>
        				<div class="mb-socials-item tumblr">
        					<a class="mb-socials-item-link" target="_blank" href="https://embyapp.tumblr.com/"></a>
        					<div class="mb-socials-item-popup">
        						<span>Tumblr</span>
        					</div>
        				</div>
        				<div class="mb-socials-item github">
        					<a class="mb-socials-item-link" target="_blank" href="https://github.com/MediaBrowser"></a>
        					<div class="mb-socials-item-popup">
        						<span>GitHub</span>
        					</div>
        				</div><div class="mb-socials-item rss">
        					<a class="mb-socials-item-link" target="_blank" href="https://emby.media/blog.xml"></a>
        					<div class="mb-socials-item-popup">
        						<span>RSS</span>
        					</div>
        				</div>
                          
        			</div>
        		</div>
        	</div>
        </div>
        <div class="container">
        	<nav id="autocollapse" class="navbar navbar-inverse ng-scope" role="navigation">
        		  
        		  <a class="navbar-brand" href="../../index.html">
        		    <img id="logo" class="svg" src="../../images/emby_dev_logo.png" alt="">
        		  </a>
        		  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar">
        			<span class="sr-only">Toggle navigation</span>
        			<span class="icon-bar"></span>
        			<span class="icon-bar"></span>
        			<span class="icon-bar"></span>
        		  </button>
        		<div class="collapse navbar-collapse" id="navbar">
        			
        			<ul class="nav level1 navbar-nav">
        			      <li class="nav-item">
        			          <a class="nav-link" href="../../index.html" title="DEV Home">DEV Home</a>
        			      </li>
        			      <li class="nav-item">
        			          <a class="nav-link" href="../../doc/index.html" title="Documentation">Documentation</a>
        			      </li>
        			      <li class="nav-item">
        			          <a class="nav-link" href="../../reference/index.html" title="Reference">Reference</a>
        			      </li>
        			      <li class="nav-item">
        			          <a class="nav-link" href="../../download/index.html" title="Download">Download</a>
        			      </li>
        			</ul>		</div>
        	</nav>
        </div>
        <div class="nav-overlay d-none"></div>        
        <div class="subnav navbar navbar-default">
          <div class="container">
            <div class="hide-when-search" id="breadcrumb">
        	  <ul class="breadcrumb">
        		<li></li>
        	  </ul>
        	</div>
        
        	<div class="breadcrumpsearch">
        	  <form class="navbar-form navbar-right" role="search" id="search">
        		<div class="form-group">
        		  <input type="text" class="form-control" id="search-query" placeholder="Search" autocomplete="off">
        		</div>
        	  </form>
        	</div>
          </div>
        </div>
      </header>
      <div class="container body-content">
        
        <div id="search-results">
          <div class="search-list">Search Results for <span></span></div>
          <div class="sr-items">
            <p><i class="glyphicon glyphicon-refresh index-loading"></i></p>
          </div>
          <ul id="pagination" data-first="First" data-prev="Previous" data-next="Next" data-last="Last"></ul>
        </div>
      </div>
      <div role="main" class="container body-content hide-when-search">
        
        <div class="sidenav hide-when-search">
          <a class="btn toc-toggle collapse" data-toggle="collapse" href="#sidetoggle" aria-expanded="false" aria-controls="sidetoggle">Show / Hide Table of Contents</a>
          <div class="sidetoggle collapse" id="sidetoggle">
            <div id="sidetoc"></div>
          </div>
        </div>
        <div class="article row grid-right">
          <div class="col-md-10">
            <article class="content wrap" id="_content" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging">
<div class="refdoc">
  
  
  <h1 id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging" class="text-break">Class DxGridRowDragging
  </h1>
  <div class="markdown level0 summary"><p>Configures row dragging and reordering.</p>
</div>
  <div class="markdown level0 conceptual"></div>
  <div class="inheritance">
    <h5>Inheritance</h5>
    <div class="level0"><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.object">Object</a></div>
    <div class="level1"><span class="xref">DxGridRowDragging</span></div>
  </div>
  <h6><strong>Namespace</strong>: <a class="xref" href="Emby.Web.GenericEdit.Elements.DxGrid.html">Emby.Web.GenericEdit.Elements.DxGrid</a></h6>
  <h6><strong>Assembly</strong>: Emby.Web.GenericEdit.dll</h6>
  <h5 id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_syntax">Syntax</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public class DxGridRowDragging</code></pre>
  </div>
  <h3 id="properties">Properties
  </h3>
  
  
  <a id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_allowDropInsideItem_" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.allowDropInsideItem*"></a>
  <h4 id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_allowDropInsideItem" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.allowDropInsideItem">allowDropInsideItem</h4>
  <div class="markdown level1 summary"><p>Allows users to drop a row inside another row.</p>
</div>
  <div class="markdown level1 conceptual"></div>
  <h5 class="decalaration">Declaration</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public bool? allowDropInsideItem { get; set; }</code></pre>
  </div>
  <h5 class="propertyValue">Property Value</h5>
  <table class="table table-bordered table-striped table-condensed">
    <thead>
      <tr>
        <th>Type</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.nullable-1">Nullable</a>&lt;<a class="xref" href="https://learn.microsoft.com/dotnet/api/system.boolean">Boolean</a>&gt;</td>
        <td><p>The allow drop inside item.</p>
</td>
      </tr>
    </tbody>
  </table>
  <h5 id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_allowDropInsideItem_remarks">Remarks</h5>
  <div class="markdown level1 remarks"><p>This option allows users to drop rows only in the UI. You should also handle drag-and-drop in code.
If users drag and drop rows inside a single component, use the onReorder handler.
To allow users to drag and drop rows between components, use the onAdd handler.</p>
</div>
  
  
  <a id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_allowReordering_" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.allowReordering*"></a>
  <h4 id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_allowReordering" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.allowReordering">allowReordering</h4>
  <div class="markdown level1 summary"><p>Allows row reordering using drag and drop gestures.</p>
</div>
  <div class="markdown level1 conceptual"></div>
  <h5 class="decalaration">Declaration</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public bool? allowReordering { get; set; }</code></pre>
  </div>
  <h5 class="propertyValue">Property Value</h5>
  <table class="table table-bordered table-striped table-condensed">
    <thead>
      <tr>
        <th>Type</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.nullable-1">Nullable</a>&lt;<a class="xref" href="https://learn.microsoft.com/dotnet/api/system.boolean">Boolean</a>&gt;</td>
        <td><p>The allow reordering.</p>
</td>
      </tr>
    </tbody>
  </table>
  <h5 id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_allowReordering_remarks">Remarks</h5>
  <div class="markdown level1 remarks"><p>This option only enables dragging. You should also implement the reordering logic in the onReorder
handler to enable row reordering inside a component. If you need to perform cross-component drag-and-drop,
implement the dragging logic in the onAdd handler.This option only enables dragging. You should also
implement the reordering logic in the onReorder handler to enable row reordering inside a component.
If you need to perform cross-component drag-and-drop, implement the dragging logic in the onAdd handler.</p>
</div>
  
  
  <a id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_animation_" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.animation*"></a>
  <h4 id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_animation" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.animation">animation</h4>
  <div class="markdown level1 summary"><p>Gets or sets the animation in dropfeedbackmode push.</p>
</div>
  <div class="markdown level1 conceptual"></div>
  <h5 class="decalaration">Declaration</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public DxGridRowDragging.RowAnimation animation { get; set; }</code></pre>
  </div>
  <h5 class="propertyValue">Property Value</h5>
  <table class="table table-bordered table-striped table-condensed">
    <thead>
      <tr>
        <th>Type</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><a class="xref" href="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.RowAnimation.html">DxGridRowDragging.RowAnimation</a></td>
        <td><p>The animation configuration.</p>
</td>
      </tr>
    </tbody>
  </table>
  <h5 id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_animation_remarks">Remarks</h5>
  <div class="markdown level1 remarks"><p>This is not officially documented.</p>
</div>
  
  
  <a id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_autoScroll_" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.autoScroll*"></a>
  <h4 id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_autoScroll" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.autoScroll">autoScroll</h4>
  <div class="markdown level1 summary"><p>Enables automatic scrolling while dragging a row beyond the viewport.</p>
</div>
  <div class="markdown level1 conceptual"></div>
  <h5 class="decalaration">Declaration</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public bool? autoScroll { get; set; }</code></pre>
  </div>
  <h5 class="propertyValue">Property Value</h5>
  <table class="table table-bordered table-striped table-condensed">
    <thead>
      <tr>
        <th>Type</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.nullable-1">Nullable</a>&lt;<a class="xref" href="https://learn.microsoft.com/dotnet/api/system.boolean">Boolean</a>&gt;</td>
        <td><p>The automatic scroll.</p>
</td>
      </tr>
    </tbody>
  </table>
  <h5 id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_autoScroll_remarks">Remarks</h5>
  <div class="markdown level1 remarks"><p>Default: true.</p>
</div>
  
  
  <a id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_boundary_" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.boundary*"></a>
  <h4 id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_boundary" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.boundary">boundary</h4>
  <div class="markdown level1 summary"><p>Specifies a DOM element that limits the dragging area.</p>
</div>
  <div class="markdown level1 conceptual"></div>
  <h5 class="decalaration">Declaration</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public string boundary { get; set; }</code></pre>
  </div>
  <h5 class="propertyValue">Property Value</h5>
  <table class="table table-bordered table-striped table-condensed">
    <thead>
      <tr>
        <th>Type</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.string">String</a></td>
        <td><p>The boundary.</p>
</td>
      </tr>
    </tbody>
  </table>
  
  
  <a id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_container_" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.container*"></a>
  <h4 id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_container" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.container">container</h4>
  <div class="markdown level1 summary"><p>Specifies a custom container in which the draggable row should be rendered.</p>
</div>
  <div class="markdown level1 conceptual"></div>
  <h5 class="decalaration">Declaration</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public string container { get; set; }</code></pre>
  </div>
  <h5 class="propertyValue">Property Value</h5>
  <table class="table table-bordered table-striped table-condensed">
    <thead>
      <tr>
        <th>Type</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.string">String</a></td>
        <td><p>The container.</p>
</td>
      </tr>
    </tbody>
  </table>
  
  
  <a id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_cursorOffset_" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.cursorOffset*"></a>
  <h4 id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_cursorOffset" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.cursorOffset">cursorOffset</h4>
  <div class="markdown level1 summary"><p>Specifies the cursor offset from the dragged row.</p>
</div>
  <div class="markdown level1 conceptual"></div>
  <h5 class="decalaration">Declaration</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public DxGridRowDragging.xyOffset cursorOffset { get; set; }</code></pre>
  </div>
  <h5 class="propertyValue">Property Value</h5>
  <table class="table table-bordered table-striped table-condensed">
    <thead>
      <tr>
        <th>Type</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><a class="xref" href="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.xyOffset.html">DxGridRowDragging.xyOffset</a></td>
        <td><p>The cursor offset.</p>
</td>
      </tr>
    </tbody>
  </table>
  
  
  <a id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_data_" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.data*"></a>
  <h4 id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_data" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.data">data</h4>
  <div class="markdown level1 summary"><p>A container for custom data.</p>
</div>
  <div class="markdown level1 conceptual"></div>
  <h5 class="decalaration">Declaration</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public object data { get; set; }</code></pre>
  </div>
  <h5 class="propertyValue">Property Value</h5>
  <table class="table table-bordered table-striped table-condensed">
    <thead>
      <tr>
        <th>Type</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.object">Object</a></td>
        <td><p>The data.</p>
</td>
      </tr>
    </tbody>
  </table>
  
  
  <a id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_dragDirection_" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.dragDirection*"></a>
  <h4 id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_dragDirection" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.dragDirection">dragDirection</h4>
  <div class="markdown level1 summary"><p>Specifies the directions in which a row can be dragged.</p>
</div>
  <div class="markdown level1 conceptual"></div>
  <h5 class="decalaration">Declaration</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public DxGridRowDragging.DragDirection? dragDirection { get; set; }</code></pre>
  </div>
  <h5 class="propertyValue">Property Value</h5>
  <table class="table table-bordered table-striped table-condensed">
    <thead>
      <tr>
        <th>Type</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.nullable-1">Nullable</a>&lt;<a class="xref" href="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.DragDirection.html">DxGridRowDragging.DragDirection</a>&gt;</td>
        <td><p>The drag direction.</p>
</td>
      </tr>
    </tbody>
  </table>
  <h5 id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_dragDirection_remarks">Remarks</h5>
  <div class="markdown level1 remarks"><p>Default Value: 'both'.</p>
</div>
  
  
  <a id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_dropFeedbackMode_" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.dropFeedbackMode*"></a>
  <h4 id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_dropFeedbackMode" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.dropFeedbackMode">dropFeedbackMode</h4>
  <div class="markdown level1 summary"><p>Specifies how to highlight the row's drop position.</p>
</div>
  <div class="markdown level1 conceptual"></div>
  <h5 class="decalaration">Declaration</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public DxGridRowDragging.DropFeedbackMode? dropFeedbackMode { get; set; }</code></pre>
  </div>
  <h5 class="propertyValue">Property Value</h5>
  <table class="table table-bordered table-striped table-condensed">
    <thead>
      <tr>
        <th>Type</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.nullable-1">Nullable</a>&lt;<a class="xref" href="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.DropFeedbackMode.html">DxGridRowDragging.DropFeedbackMode</a>&gt;</td>
        <td><p>The drop feedback mode.</p>
</td>
      </tr>
    </tbody>
  </table>
  
  
  <a id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_dropInsideItem_" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.dropInsideItem*"></a>
  <h4 id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_dropInsideItem" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.dropInsideItem">dropInsideItem</h4>
  <div class="markdown level1 summary"></div>
  <div class="markdown level1 conceptual"></div>
  <h5 class="decalaration">Declaration</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public bool? dropInsideItem { get; set; }</code></pre>
  </div>
  <h5 class="propertyValue">Property Value</h5>
  <table class="table table-bordered table-striped table-condensed">
    <thead>
      <tr>
        <th>Type</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.nullable-1">Nullable</a>&lt;<a class="xref" href="https://learn.microsoft.com/dotnet/api/system.boolean">Boolean</a>&gt;</td>
        <td></td>
      </tr>
    </tbody>
  </table>
  
  
  <a id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_filter_" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.filter*"></a>
  <h4 id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_filter" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.filter">filter</h4>
  <div class="markdown level1 summary"><p>Specifies a CSS selector for draggable rows.</p>
</div>
  <div class="markdown level1 conceptual"></div>
  <h5 class="decalaration">Declaration</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public string filter { get; set; }</code></pre>
  </div>
  <h5 class="propertyValue">Property Value</h5>
  <table class="table table-bordered table-striped table-condensed">
    <thead>
      <tr>
        <th>Type</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.string">String</a></td>
        <td><p>The filter.</p>
</td>
      </tr>
    </tbody>
  </table>
  
  
  <a id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_group_" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.group*"></a>
  <h4 id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_group" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.group">group</h4>
  <div class="markdown level1 summary"><p>Allows you to group several widgets so that users can drag and drop rows between them.</p>
</div>
  <div class="markdown level1 conceptual"></div>
  <h5 class="decalaration">Declaration</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public string group { get; set; }</code></pre>
  </div>
  <h5 class="propertyValue">Property Value</h5>
  <table class="table table-bordered table-striped table-condensed">
    <thead>
      <tr>
        <th>Type</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.string">String</a></td>
        <td><p>The group.</p>
</td>
      </tr>
    </tbody>
  </table>
  <h5 id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_group_remarks">Remarks</h5>
  <div class="markdown level1 remarks"><p>Set this option to identical values for the widgets you want to collect in a single group.</p>
</div>
  
  
  <a id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_handle_" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.handle*"></a>
  <h4 id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_handle" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.handle">handle</h4>
  <div class="markdown level1 summary"><p>Specifies a CSS selector (ID or class) for the element(s) that should act as the drag handle(s).</p>
</div>
  <div class="markdown level1 conceptual"></div>
  <h5 class="decalaration">Declaration</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public string handle { get; set; }</code></pre>
  </div>
  <h5 class="propertyValue">Property Value</h5>
  <table class="table table-bordered table-striped table-condensed">
    <thead>
      <tr>
        <th>Type</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.string">String</a></td>
        <td><p>The handle.</p>
</td>
      </tr>
    </tbody>
  </table>
  
  
  <a id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_scrollSensitivity_" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.scrollSensitivity*"></a>
  <h4 id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_scrollSensitivity" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.scrollSensitivity">scrollSensitivity</h4>
  <div class="markdown level1 summary"><p>Specifies the distance in pixels from the edge of viewport at which scrolling should start. Applies only if autoScroll is true.</p>
</div>
  <div class="markdown level1 conceptual"></div>
  <h5 class="decalaration">Declaration</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public double? scrollSensitivity { get; set; }</code></pre>
  </div>
  <h5 class="propertyValue">Property Value</h5>
  <table class="table table-bordered table-striped table-condensed">
    <thead>
      <tr>
        <th>Type</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.nullable-1">Nullable</a>&lt;<a class="xref" href="https://learn.microsoft.com/dotnet/api/system.double">Double</a>&gt;</td>
        <td><p>The scroll sensitivity.</p>
</td>
      </tr>
    </tbody>
  </table>
  <h5 id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_scrollSensitivity_remarks">Remarks</h5>
  <div class="markdown level1 remarks"><p>Default Value: 60.</p>
</div>
  
  
  <a id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_scrollSpeed_" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.scrollSpeed*"></a>
  <h4 id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_scrollSpeed" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.scrollSpeed">scrollSpeed</h4>
  <div class="markdown level1 summary"><p>Specifies the scrolling speed when dragging a row beyond the viewport. Applies only if autoScroll is true.</p>
</div>
  <div class="markdown level1 conceptual"></div>
  <h5 class="decalaration">Declaration</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public double? scrollSpeed { get; set; }</code></pre>
  </div>
  <h5 class="propertyValue">Property Value</h5>
  <table class="table table-bordered table-striped table-condensed">
    <thead>
      <tr>
        <th>Type</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.nullable-1">Nullable</a>&lt;<a class="xref" href="https://learn.microsoft.com/dotnet/api/system.double">Double</a>&gt;</td>
        <td><p>The scroll speed.</p>
</td>
      </tr>
    </tbody>
  </table>
  <h5 id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_scrollSpeed_remarks">Remarks</h5>
  <div class="markdown level1 remarks"><p>Default Value: 30.</p>
</div>
  
  
  <a id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_showDragIcons_" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.showDragIcons*"></a>
  <h4 id="Emby_Web_GenericEdit_Elements_DxGrid_DxGridRowDragging_showDragIcons" data-uid="Emby.Web.GenericEdit.Elements.DxGrid.DxGridRowDragging.showDragIcons">showDragIcons</h4>
  <div class="markdown level1 summary"><p>Shows or hides row dragging icons.</p>
</div>
  <div class="markdown level1 conceptual"></div>
  <h5 class="decalaration">Declaration</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public bool? showDragIcons { get; set; }</code></pre>
  </div>
  <h5 class="propertyValue">Property Value</h5>
  <table class="table table-bordered table-striped table-condensed">
    <thead>
      <tr>
        <th>Type</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.nullable-1">Nullable</a>&lt;<a class="xref" href="https://learn.microsoft.com/dotnet/api/system.boolean">Boolean</a>&gt;</td>
        <td><p>The show drag icons.</p>
</td>
      </tr>
    </tbody>
  </table>
  <h3 id="extensionmethods">Extension Methods</h3>
  <div>
      <a class="xref" href="Emby.Media.Common.Extensions.Extensions.html#Emby_Media_Common_Extensions_Extensions_JsonClone__1___0_MediaBrowser_Model_Serialization_IJsonSerializer_">Extensions.JsonClone&lt;T&gt;(T, IJsonSerializer)</a>
  </div>
</div>
</article>
          </div>
          
          <div class="hidden-sm col-md-2" role="complementary">
            <div class="sideaffix">
              <div class="contribution">
                <ul class="nav">
                </ul>
              </div>
              <div class="sdkversion Release">
                  SDK <span class="sdkVersionSpan"></span>
              </div>
              <nav class="bs-docs-sidebar hidden-print hidden-xs hidden-sm affix" id="affix">
                <h5>On this Page</h5>
                <div></div>
              </nav>
            </div>
          </div>
        </div>
      </div>
      
      <footer>
        <div class="grad-bottom"></div>
        <div class="footer">
          <div class="container">
            <span class="pull-right">
              <a href="#top">Back to Top</a>
            </span>
            Copyright 2022 © EMBY LLC.  Please see our <a class="lnk" href="https://emby.media/terms.html">terms of use</a> and <a class="lnk" href="https://emby.media/privacy.html">privacy policy</a>.
            
          </div>
        </div>
      </footer>
    </div>
    
    <script type="text/javascript" src="../../styles/docfx.vendor.js"></script>
    <script type="text/javascript" src="../../searchIndex.js"></script>
    <script type="text/javascript" src="../../styles/lunr.min.js"></script>
    <script type="text/javascript" src="../../styles/docfx.js"></script>
    <script type="text/javascript" src="../../styles/main.js"></script>
  </body>
</html>
